/**
 * Created by 建 on 2015/3/23.
 */
var ks=0;
$(function () {
    init();
});
/**
 * 方法初始化
 */
function init() {
    /*图标点击事件*/
    $(".menus .span").click(function () {
        var indexSpn = $(".menus .span").index($(this));
        $(".menus .span").each(function (i) {
            if (i == indexSpn) {
                $(this).addClass("onSpan");
                $(this).find(".hover").removeClass("hidden");
                $(this).find(".move").addClass("hidden");
            } else {
                $(this).removeClass("onSpan");
                $(this).find(".move").removeClass("hidden");
                $(this).find(".hover").addClass("hidden");
            }
        });
    });
    /*菜单绑定事件*/
    $(".menus label").click(function(){
        var indexLi=$(".menus label").index($(this));
        $("#ks").val(indexLi);
        $(".menus .span").each(function (i) {
            if (i == indexLi) {
                $(this).addClass("onSpan");
                $(this).find(".hover").removeClass("hidden");
                $(this).find(".move").addClass("hidden");
            } else {
                $(this).removeClass("onSpan");
                $(this).find(".move").removeClass("hidden");
                $(this).find(".hover").addClass("hidden");
            }
        });
    });
    $(".menus label").mouseover(function(){
        var ks=parseInt($("#ks").val());
        var indexLi=$(".menus label").index($(this));
        $(".menus .span").each(function (i) {
            if (i == indexLi||i==ks) {
                $(this).addClass("onSpan");
                $(this).find(".hover").removeClass("hidden");
                $(this).find(".move").addClass("hidden");
            } else {
                $(this).removeClass("onSpan");
                $(this).find(".move").removeClass("hidden");
                $(this).find(".hover").addClass("hidden");
            }
        });
    });
    /*图标按钮添加图片切换事件*/
    $(".menus .span").on("mouseover", function () {
        var classSpan = $(this).attr("class");
        if (classSpan.indexOf("onSpan") == -1) {
            $(this).find(".hover").removeClass("hidden");
            $(this).find(".move").addClass("hidden");
        }
    });
    $(".menus .span").on("mouseout", function () {
        var classSpan = $(this).attr("class");
        if (classSpan.indexOf("onSpan") == -1) {
            $(this).find(".move").removeClass("hidden");
            $(this).find(".hover").addClass("hidden");
        }
    });
    /*左侧菜单显示影藏事件*/
    $(".menu_details").hover(function () {
            $(this).animate({
                width: 250, opacity: 'show'
            }, 200);
            $(".menus label").animate({
                width: 184, opacity: 'show'
            }, 200);
            $(".menu_top span").removeClass("hidden").addClass("block");
        }, function () {
            $(this).animate({
                width: 66, opacity: 'hidden'
            }, 200);
            $(".menus label").animate({
                width: 0, opacity: 'hidden'
            }, 200);
            $(".menu_top span").removeClass("block").addClass("hidden");
            var ks=parseInt($("#ks").val());
            $(".menus .span").each(function(i){
                if (i==ks) {
                    $(this).addClass("onSpan");
                    $(this).find(".hover").removeClass("hidden");
                    $(this).find(".move").addClass("hidden");
                } else {
                    $(this).removeClass("onSpan");
                    $(this).find(".move").removeClass("hidden");
                    $(this).find(".hover").addClass("hidden");
                }
            });
        }
    );
    /*右侧消息通知区域添加table页事件*/
    $(".notice2").on("click", function () {
        var indexSpan = $(".notice2").index($(this));
        $(".notice2").each(function (i) {
            if (i == indexSpan) {
                $(this).addClass("add");
                $(".notice_tx").eq(i).removeClass("hidden");
            } else {
                $(this).removeClass("add");
                $(".notice_tx").eq(i).addClass("hidden");
            }
        });
    });
    /*右侧关闭按钮，关闭右侧菜单页面*/
    $(".close").on("click", function () {
        $(this).parents(".notice").hide();
    });
    /*打开右侧菜单栏*/
    $(".head .head_span").on("click", function (e) {
        $(".notice").show();
    });
    /*个人信息维护*/
    $(".set").on("click", function () {
        if ($(".head_gn").is(":hidden")) {
            $(".head_gn").slideDown();
        } else {
            $(".head_gn").slideUp();
        }

    });
    /*隐藏菜单*/
    $(document).on("click", function (e) {
        var target = $(e.target);
        if (target.closest(".set").length == 0) {
            $(".head_gn").slideUp();
        }
    });
    $(".head_content span").on("click", function () {
        $(".head_gn").slideUp();
    });

    $(".menus:last label,.menus:last span").click(function(){
        window.location.href="http://211.86.56.216/sdustaffisp";
    });
}

